<!DOCTYPE html>
<html lang="en">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>ProInfo</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="shortcut icon" href="./images/zh_CN.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/aos.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/proInfo.css">
</head>

<body>
    <div class="home">

        <div class="header">
            <a href="index.html" class="logo">
                <img src="./images/logo.png" alt="">
            </a>
            <div class="links f_18">
                <a href="./about.html">about</a>
                <a class="on" href="./products.html">products</a>
                <a href="./solutions.html">solutions</a>
                <a href="./cases.html">cases</a>
                <a  href="./contact.html">contact</a>
            </div>
        </div>


        <div class="pheader">
            <div class="menu">
                <div class="l">
                    <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                        <img src="./images/logo.png" alt="">
                    </a>
                </div>
                <div class="navbox">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>

        <div class="menuList">
            <div class="item">
                <div class="tb">
                    <a href="./index.html">Home</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./about.html">about</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./products.html">
                        products
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./solutions.html">
                        solutions
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./cases.html">
                        cases
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./contact.html">
                        contact
                    </a>
                </div>
            </div>
        </div>

        <div class="bg1">
            <img src="./images/bg1.png" alt="">
        </div>

        <div class="bg2">
            <img src="./images/bg2.png" alt="">
        </div>


        <div class="main">

            <div class="section1">
                <div class="l">
                    <div class="tag f_24" aos="scale-opacity">
                        hardware
                    </div>
                    <h1 class="f_48" aos="scale-opacity">
                        smart bookshelf
                    </h1>
                    <div class="des f_24" aos="scale-opacity">
                        The Smart Bookshelf, controlled by artificial intelligence, automatically collects and updates
                        the location information of books on the shelf in real-time, uploading this data to the RFID
                        data center. This enables automatic intelligent positioning, inventory management, and various
                        statistical tasks for the books.
                    </div>
                </div>
                <div class="pic" aos="scale-opacity">
                    <img src="./images/p1.png" alt="">
                </div>
            </div>

            <div class="section2">
                <h1 class="f_48" aos="scale-opacity">Technical Parameters</h1>
                <div class="content">
                    <div class="pic" aos="scale-opacity">
                        <img src="./images/p2.png" alt="">
                    </div>
                    <div class="info f_24" aos="scale-opacity">
                        <div class="item">
                            <div class="icon">
                                <img src="./images/picon1.svg" alt="">
                            </div>
                            <p>Operating frequency: 860~925MHz</p>
                        </div>
                        <div class="item">
                            <div class="icon">
                                <img src="./images/picon2.svg" alt="">
                            </div>
                            <p>Operating environment temperature range: -32°C to 78°C</p>
                        </div>
                        <div class="item">
                            <div class="icon">
                                <img src="./images/picon3.svg" alt="">
                            </div>
                            <p>Overall dimensions (mm): 1122*780*2090 (5-tier double-sided)</p>
                        </div>
                        <div class="item">
                            <div class="icon">
                                <img src="./images/picon4.svg" alt="">
                            </div>
                            <p>Display: 22-inch 1920*1080 portrait capacitive screen</p>
                        </div>
                        <div class="item">
                            <div class="icon">
                                <img src="./images/picon5.svg" alt="">
                            </div>
                            <p>LED Screen: 3.0 Dot Matrix 192*16</p>
                        </div>
                        <div class="item">
                            <div class="icon">
                                <img src="./images/picon6.svg" alt="">
                            </div>
                            <p>Weight (KG): 65</p>
                        </div>
                        <div class="item">
                            <div class="icon">
                                <img src="./images/picon7.svg" alt="">
                            </div>
                            <p>Rated Voltage: AC 220V</p>
                        </div>
                        <div class="item">
                            <div class="icon">
                                <img src="./images/picon8.svg" alt="">
                            </div>
                            <p>Rated power: ≤100W</p>
                        </div>

                    </div>
                </div>
            </div>

            <div class="section3">
                <h1 class="f_48" aos="scale-opacity">Product Functions</h1>
                <div class="allItems f_24">
                    <div class="item" aos="scale-opacity">
                        <div class="icon">
                            <img src="./images/picon9.svg" alt="">
                        </div>
                        <div class="des">
                            Real-time monitoring and positioning of books
                        </div>
                    </div>
                    <div class="item" aos="scale-opacity">
                        <div class="icon">
                            <img src="./images/picon10.svg" alt="">
                        </div>
                        <div class="des">
                            Query and Navigation
                        </div>
                    </div>
                    <div class="item" aos="scale-opacity">
                        <div class="icon">
                            <img src="./images/picon11.svg" alt="">
                        </div>
                        <div class="des">
                            Library collection inventory
                        </div>
                    </div>
                    <div class="item" aos="scale-opacity">
                        <div class="icon">
                            <img src="./images/picon12.svg" alt="">
                        </div>
                        <div class="des">
                            Library book misplacement statistics
                        </div>
                    </div>
                    <div class="item" aos="scale-opacity">
                        <div class="icon">
                            <img src="./images/picon13.svg" alt="">
                        </div>
                        <div class="des">
                            Library book location and quick search
                        </div>
                    </div>
                    <div class="item" aos="scale-opacity">
                        <div class="icon">
                            <img src="./images/picon14.svg" alt="">
                        </div>
                        <div class="des">
                            Fault and Maintenance
                        </div>
                    </div>
                    <div class="item" aos="scale-opacity">
                        <div class="icon">
                            <img src="./images/picon15.svg" alt="">
                        </div>
                        <div class="des">
                            Smart Bookshelf Mobile Terminal
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="foot">
            <div class="logo">
                <img src="./images/logo.png" alt="">
            </div>
            <div class="d1">
                <div class="l">
                    <div class="item">
                        <p class="p1 f_18">about</p>
                        <div class="aList">
                            <a href="./about.html">Overview</a>
                            <a href="./about.html?id=md1">History</a>
                            <a href="./about.html?id=md2">Client</a>
                        </div>
                    </div>
                    <div class="item">
                        <p class="p1 f_18">products</p>
                        <div class="aList">
                            <a href="./products.html">Hardware</a>
                            <a href="./products.html">Software</a>
                        </div>
                    </div>
                    <div class="item">
                        <p class="p1 f_18">solutions</p>
                        <div class="aList">
                            <a href="./solution_info.html">Smart Library Solutions</a>
                            <a href="./solution_info.html">Automated Book </a>
                            <a href="./solution_info.html">FRID Solutions</a>
                        </div>
                    </div>
                    <div class="item">
                        <p class="p1 f_18">cases</p>
                        <div class="aList">
                            <a href="./cases.html">Public libraries</a>
                            <a href="./cases.html">universities</a>
                            <a href="./cases.html">primary&middle schools</a>
                        </div>
                    </div>
                    <div class="item">
                        <p class="p1 f_18">contact</p>
                        <div class="aList">
                            <a href="./contact.html">Contact us</a>
                        </div>
                    </div>
                </div>
                <div class="r">
                    <p class="p1 f_18">Follow Us</p>
                    <div class="icons">
                        <a href="">
                            <img src="./images/icon1.svg" alt="">
                        </a>
                        <a href="">
                            <img src="./images/icon2.svg" alt="">
                        </a>
                        <a>
                            <img src="./images/icon3.svg" alt="">
                            <div class="code animated fadeIn">
                                <img src="./images/code.png" alt="">
                            </div>
                        </a>
                        <a href="">
                            <img src="./images/icon4.svg" alt="">
                        </a>
                        <a href="">
                            <img src="./images/icon5.svg" alt="">
                        </a>
                        <a href="">
                            <img src="./images/icon6.svg" alt="">
                        </a>
                    </div>
                    <div class="info">
                        E-mail：rfid@sh-rfid.com<br>
                        Tel: +86-21-54262851, 54262853, 54262850<br>
                        Add: No. 810, Yishan Road, Shanghai<br>
                        Hotline: 4000089558
                    </div>
                </div>
            </div>
            <div class="d2">
                <div class="l">
                    © 2024 Zhitu Chuangxiang Co., Ltd. All Rights Reserved
                </div>
                <div class="r">
                    <a href="">Imprint</a>
                    <span></span>
                    <a href="">Privacy Policy</a>
                </div>
            </div>
        </div>


    </div>
    <script src="./js/jquery-3.6.1.min.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/gsap.min.js"></script>
    <script src="./js/ScrollTrigger.min.js"></script>
    <script src="./js/lenis.min.js"></script>
    <script src="./js/aos.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/swiper.js"></script>
    <script>
        $(function () {
 
        })
    </script>
</body>

</html>